<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为商城</title>
    <link rel="shout icon" href="../img/logo.ico">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/paging_list.css">
    <link rel="stylesheet" type="text/css" href="../font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../css/pages.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/header.css">
    <script src="../libs/jquery.min.js" ></script>
    <script src="../js/jquery-paging.js" ></script>
    <script src="../libs/cookie.js"></script>
</head>
<body>
      <!-- 头部 -->
   <header></header> 
   <script>
     $("header").load("./header.html")
   </script>
   <!-- 导航 -->
   <nav>
    <section>
      <div class="list">
        <div>
          <a href=""><img src="../img/nav.png" alt=""></a>
        </div>
        <ul>
          <li><a href="./html/detailPages.html">华为专区</a></li>
          <li><a href="./html/paging_list.html">鸿蒙智联</a></li>
          <li><a href="">全球甄选</a></li>
          <li><a href="">家电家装馆</a></li>
          <li><a href="">华为智选</a></li>
          <li><a href="">HamonyOs</a></li>
        </ul>
      </div>
      <!-- 搜索框 -->
      <!-- 罩 -->
      <div class="mark"></div>
      <span class="iconfont icon-sousuo soutalg"></span>
      <div class="sousuo">
        <ol>
          <span class="iconfont icon-sousuo "></span>
          <input type="text" class="clear-input" placeholder="搜索商品">
          <span class="iconfont icon-guanbi"></span>
        </ol>
        <!-- 搜索内容渲染 -->
        <h1>最近搜索<span class="iconfont icon-guanbi"></span></h1>
        <ul class="suomain">

        </ul>
      </div>

      <!-- <script src="./libs/jquery.min.js"></script>
      <script src="./js/search.js"></script> -->
    </section>
  </nav>
   <main>
<section>
  <ol>
    <li><a href="../index.html">首页<span class="iconfont icon-gengduo"></span></a></li>
    <li><a href="">美食酒饮<span class="iconfont icon-gengduo"></span></a></li>
  </ol>
  <div>
    <li> 分类：<a href="">智能穿戴&VR</a><a href="">智能手表</a><a href="">智能手环</a><a href="">VR</a><a href="">手柄/配件</a><a href=""></a></li>
    <li>服务优惠：<a href="###">仅看有货</a><a href="">分期免息</a><a href="">优惠商品</a></li>
    <li>排序：<a href="">最新</a><a href="###" class="height">升序</a><a href="###" class="low">降序</a><a href="">更多</a></li>
    </div>
</section>
<!-- 商品列表 -->
<section>
  <ul class="pagelist paging_list">
    <!-- <li>
        <div class="imges">
          <img src="" alt="">
        </div>
        <p class="p1">Matebook </p>
        <i>3期免息</i>
        <p class="p2">3366</p>
      </li> -->
   
</ul>
 <!--分页结构-->
 <div class="paging_content">
  <div class="paging_first">首页</div>
  <div class="paging_up">&lt;&lt;</div>
  <div class="paging_btn"></div>
  <div class="paging_down">&gt;&gt;</div>
  <div class="paging_last" id="">尾页</div>


</div>

</section>
    
      <!-- <script src="../js/jquery-paging.js" ></script>
      <script src="../js/paging-list.js" ></script> -->

   </main>
   <footer></footer>
   <script>
        $("footer").load("./footer.html")
   </script>
    <!-- 侧边栏 -->
  <aside>
    <li><a href="./paging_list.html">去逛一逛</a></li>
    <li class="goShopping"><a href="./Shopping.html"><span class="iconfont icon-gouwuche  "></span>购物车</a><p class="goshopp">0</p></li>
    <li><a href=""><span class="iconfont icon-zaixiankefu  "></span>在线客服</a></li>
    <li><a href="./myService.html"><span class="iconfont icon-rexianfuwufuwu  "></span>自助服务</a></li>
    <li class="backTop"><a href=""><span class="iconfont icon-fanhuidingbu  "></span>返回顶部</a></li>

  </aside>
  <script src="../libs/require.js" data-main="../js/Mod_pageList"></script>
</body>
</html>